<apes-header>
  <apes-button-list class="buttonList" [ctx]="ctx" [buttonBarMetadata]="buttonBar"
                    (click)="onEvent($event)"></apes-button-list>
</apes-header>

<apes-content >
  <apes-card [apesTitle]="'查询条件'">

    <div class="apes-state-machine">

      <div apes-col [apesMd]="24">
        <div apes-form-item apes-row class="apes-item" style="padding: 16px;">
          <formly-form [model]="model" [fields]="field" [options]="options" [form]="form"></formly-form>
        </div>
      </div>

    </div>
  </apes-card>
  <apes-card [apesTitle]="'状态栏信息'">
    <div class="query-grid">
      <ag-grid-angular #grid style="width: 100%;" [ngStyle]="{ height: height }" class="ag-theme-balham"
                       enableColResize="true"
                       enableSorting="true"
                       suppressLoadingOverlay="true"
                       [modules]="modules"
                       [rowData]="rowData"
                       [masterDetail]="true"
                       [gridOptions]="gridOptions"
                       [rowModelType]="rowModelType"
                       [defaultColDef]="defaultColDef"
                       [isRowMaster]="isRowMaster"
                       [animateRows]="true"
                       [columnDefs]="columnDefs"
                       [detailRowHeight]="detailRowHeight"
                       [detailCellRenderer]="detailCellRenderer"
                       [detailCellRendererParams]="detailCellRendererParams"
                       [frameworkComponents]="frameworkComponents"
                       (gridReady)="onGridReady($event)"
                       [localeText]="localeText"></ag-grid-angular>
    </div>

    <div class="apes-paging" *ngIf="rowModelType=='serverSide'">
      已加载{{loadingTotal}}行，总行数{{pagination.total}}
    </div>
  </apes-card>
</apes-content>


